/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     富文本     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-ShowRichText {
  position: relative;
  box-sizing: border-box;
  color: var(--Black);

  /* ============================== 有边框 ============================== */
  &-border {
    .CoreWeb-EasyScroll {
      border-radius: 4px;
      border: 1px solid #e4e7ed;
      box-sizing: border-box;
    }
    .__view {
      padding: 0 10px;
    }
  }

  /* ============================== 预览器 ============================== */
  &-viewer {
    display: inline-block;
    width: 100%;

    img {
      max-width: 100%;
    }
  }

  /* ============================== 按钮 ============================== */
  .w-e-toolbar {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 0;
    border-radius: 0 4px 0 0;
    font-size: 24px !important;
    background: var(--White5);

    .w-e-menu {
      border-radius: 0 4px 0 0;
      transition: 0.3s;

      i {
        transition: 0.3s;
      }
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      字体      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-ShowRichText .CoreWeb-ShowRichText-viewer {
  display: inline-block;
  width: 100%;

  /* ============================== h1 ============================== */
  h1,
  h1 * {
    line-height: 1.5;
    margin: 10px 0;
    font-size: 48px !important;
  }

  /* ============================== h2 ============================== */
  h2,
  h2 * {
    line-height: 1.5;
    margin: 10px 0;
    font-size: 36px !important;
  }

  /* ============================== h3 ============================== */
  h3,
  h3 * {
    line-height: 1.5;
    margin: 10px 0;
    font-size: 28px !important;
  }

  /* ============================== h4 ============================== */
  h4,
  h4 * {
    line-height: 1.5;
    margin: 10px 0;
    font-size: 22px !important;
  }

  /* ============================== h5 ============================== */
  h5,
  h5 * {
    line-height: 1.5;
    margin: 10px 0;
    font-size: 18px !important;
  }

  /* ============================== p ============================== */
  p,
  p * {
    line-height: 1.5;
    margin: 10px 0;
    font-size: 16px !important;
  }

  /* ============================== 1 号 ============================== */
  font[size="1"],
  font[size="1"] * {
    font-size: 12px !important;
  }

  /* ============================== 2 号 ============================== */
  font[size="2"],
  font[size="2"] * {
    font-size: 14px !important;
  }

  /* ============================== 3 号 ============================== */
  font[size="3"],
  font[size="3"] * {
    font-size: 16px !important;
  }

  /* ============================== 4 号 ============================== */
  font[size="4"],
  font[size="4"] * {
    font-size: 18px !important;
  }

  /* ============================== 5 号 ============================== */
  font[size="5"],
  font[size="5"] * {
    font-size: 24px !important;
  }

  /* ============================== 6 号 ============================== */
  font[size="6"],
  font[size="6"] * {
    font-size: 36px !important;
  }

  /* ============================== 7 号 ============================== */
  font[size="7"],
  font[size="7"] * {
    font-size: 48px !important;
  }
}
